<template>
  <Header></Header>
  <Drawer ></Drawer>
  <el-breadcrumb
    separator="/"
    style="font-size: 20px; color: #2ab28b"
    v-if="isShow == true"
  >
    <el-breadcrumb-item :to="{ path: '/Home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/Home' }">{{
      labName
    }}</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/GravidaList/' + groupId }"
      >档案管理</el-breadcrumb-item
    >
    <el-breadcrumb-item>查看报告</el-breadcrumb-item>
  </el-breadcrumb>
  <el-affix
    :offset="400"
    style="float: right; height: 60px"
    :position="bottom"
    v-if="isShow == true"
  >
    <el-button
      type="primary"
      style="height: 60px; background-color: #2ab28b; border: #2ab28b"
      @click="onKeep"
      >保存建议</el-button
    >
  </el-affix>
  <div id="basic">
    <div style="display: flex">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养分析报告</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <!-- 基本信息 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        患者基本信息
      </div>
    </div>
    <div style="width: 1070px; border: 2px solid #ff5c82; margin-top: 10px">
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          检测日期
        </div>
        <div
          style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          2021-08-16
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          ID
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          姓名
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          年龄
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          身高
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕周数
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕前体重
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕前BMI
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          末次月经
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          预产期
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          双胎
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          清真
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          素食
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          6156
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          主诉
        </div>
        <div
          style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          2021-08-16
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
          "
        >
          疾病
        </div>
        <div
          style="width: 90%; height: 40px; line-height: 40px; text-indent: 20px"
        >
          2021-08-16
        </div>
      </div>
    </div>
    <!-- 体成分数据分析 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/13.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        体成分数据分析
      </div>
    </div>

    <table style="width: 100%; margin-top: 10px; border: 2px solid #ff5c82">
      <tbody style="margin-left: 10px">
        <tr>
          <td style="width: 48.4251%">
            <table
              style="
                border-collapse: collapse;
                width: 100%;
                height: 110px;
                border-color: #ff5c82;
                margin-left: 5%;
              "
              border="1"
            >
              <caption
                style="margin-top: 10px; margin-bottom: 20px; text-align: left"
              >
                体成分检测结果
              </caption>
              <tbody>
                <tr style="height: 22px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    成分分类
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    测量值
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    总体水
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    肌肉量
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    去脂体重
                  </td>
                  <td
                    style="
                      width: 13.4426%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体重
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td style="width: 13.4368%; height: 40px; font-size: 12px">
                    细胞内水分(kg)
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    111
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                    rowspan="2"
                  >
                    11111
                  </td>
                  <td
                    style="
                      height: 40px;
                      width: 13.4368%;
                      text-align: center;
                      border-left: none;
                    "
                    rowspan="3"
                  >
                    222
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      border-left: none;
                    "
                    rowspan="4"
                  >
                    333
                  </td>
                  <td
                    style="
                      width: 13.4426%;
                      height: 40px;
                      border-left: none;
                      text-align: center;
                    "
                    rowspan="5"
                  >
                    555555555
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td style="width: 13.4368%; height: 40px; font-size: 12px">
                    细胞外水分(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px; text-align: center">
                    222
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    蛋白质(kg)
                  </td>
                  <td
                    style="width: 13.4368%; height: 40px; text-align: center"
                    colspan="1"
                  >
                    333
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      border-right: none;
                    "
                  >
                    333
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    无机盐(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px" colspan="1">
                    444444444
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                      border-right: none;
                    "
                    colspan="2"
                  ></td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    体脂肪(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px" colspan="1">
                    11111111111
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
          <td style="width: 48.4251%"></td>
        </tr>
      </tbody>
      <tbody style="margin-left: 10px">
        <tr>
          <td style="width: 48.4251%">
            <table
              style="
                border-collapse: collapse;
                width: 100%;
                height: 110px;
                border-color: #ff5c82;
                margin-left: 5%;
                margin-bottom: 20px;
              "
              border="1"
            >
              <caption
                style="margin-top: 10px; margin-bottom: 20px; text-align: left"
              ></caption>
              <tbody>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体脂百分比
                  </td>
                  <td style="width: 31.7759%; text-align: center">2222</td>
                  <td style="width: 31.7786%; text-align: center">111</td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    基础代谢率
                  </td>
                  <td style="width: 31.7759%; text-align: center">111</td>
                  <td style="width: 31.7786%; text-align: center">1111</td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    能量建议值
                  </td>
                  <td style="width: 31.7759%; text-align: center">1111</td>
                  <td style="width: 31.7786%; text-align: center">1111</td>
                </tr>
              </tbody>
            </table>
          </td>
          <td style="width: 48.4251%">
            <table
              style="
                border-collapse: collapse;
                width: 90%;
                height: 110px;
                border-color: #ff5c82;
                margin-left: 5%;
                margin-bottom: 20px;
              "
              border="1"
            >
              <caption
                style="margin-top: 10px; margin-bottom: 20px; text-align: left"
              ></caption>
              <tbody>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体脂百分比
                  </td>
                  <td style="width: 31.7759%; text-align: center" colspan="2">
                    111
                  </td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    基础代谢率
                  </td>
                  <td style="width: 31.7759%; text-align: center" colspan="2">
                    111
                  </td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 31.7759%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    能量建议值
                  </td>
                  <td style="width: 31.7759%; text-align: center" colspan="2">
                    1111
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 节段水分分析 -->
    <div style="margin-top: 10px; margin-bottom: 10px; margin-left: 30px">
      节段水分分析
    </div>
    <div style="display: flex">
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                "
              ></td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                ECF/TBF
              </td>
              <td
                style="
                  width: 31.7786%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                ECW/TBW
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                躯干
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                左上肢
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                右上肢
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                1
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                1
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                "
              ></td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                ECF/TBF
              </td>
              <td
                style="
                  width: 31.7786%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                ECW/TBW
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                左下肢
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                右下肢
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                参考范围
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                1
              </td>
              <td style="width: 31.7786%; height: 40px; text-align: center">
                1
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                "
              ></td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                测量值
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                细胞量(kg)
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                骨骼肌(kg)
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                111
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                骨矿物质含量(kg)
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                1
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div
      style="
        width: 93%;
        height: 70px;
        border: 2px solid #ff5c82;
        margin: auto;
        margin-top: 20px;
        display: flex;
      "
    >
      <div
        style="
          background-color: rgb(255 92 130 / 16%);
          width: 20%;
          text-align: center;
          line-height: 70px;
          border-right: 2px solid #ff5c82;
          color: #ff5c82;
        "
      >
        内脏脂肪分析
      </div>
      <div style="width: 100%">
        <div style="margin-top: 5px; margin-bottom: 3px">
          <span style="margin-left: 215px">100</span
          ><span style="margin-left: 115px">150</span>
        </div>
        <div style="display: flex">
          <div
            style="
              width: 70%;
              height: 20px;
              background-color: #ff5c82;
              border-bottom-right-radius: 10px;
              border-top-right-radius: 10px;
            "
          ></div>
          <div style="margin-left: 20px; color: #ff5c82">312.1cm²</div>
        </div>
        <div style="margin-top: 3px">
          <span style="margin-left: 40px">标准</span
          ><span style="margin-left: 150px">超标</span
          ><span style="margin-left: 100px">严重超标</span>
        </div>
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/14.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食记录
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 99.8143%;
        height: 88px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 19.6338%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            餐次
          </td>
          <td
            style="
              width: 77.2164%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            <span style="color: #ff5c82">用餐情况</span>(第1天)
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            早餐
          </td>
          <td
            style="
              width: 77.2164%;
              border-color: #ff5c82;
              height: 40px;
              text-align: center;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            午餐
          </td>
          <td style="width: 77.2164%; height: 40px; text-align: center">111</td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            晚餐
          </td>
          <td style="width: 77.2164%; height: 40px; text-align: center">111</td>
        </tr>
      </tbody>
    </table>
    <!-- 膳食评价 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/15.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食评价(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 132px;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            分类
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            摄入量
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            推荐范围
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            评价
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            实际供能比
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            推荐供能比
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            评价
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            能量
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            1111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            碳水化合物
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            脂肪
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            蛋白质
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            膳食纤维
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 营养素 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/16.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        营养素摄入分析(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 132px;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            分类
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            摄入量
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            EAR
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            RNI
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            UL
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            评价
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            VA(ug/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            生物素
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
              color: #ff5c82;
            "
          >
            222
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            生物素(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            维生素K(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            222
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            泛酸(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            22
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            22
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            胆碱(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VB1(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VB2(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VC(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            碘(ug/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            铁(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            钙(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            锌(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            叶酸(agDFE/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VB6(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VB12(ug/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VD(ug/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            VE(mgα-TE/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            铜(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            钾(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            镁(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            硒(ug/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            钠(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            尼克酸(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            磷(mg/d)
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            111
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            11
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
            111
          </td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/17.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        能量&营养摄入量分析
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            总能量
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            膳食纤维
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VA
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            生物素
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            维生素K
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            泛酸
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            胆碱
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VB1
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VB2
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VC
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            碘
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            铁
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            钙
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            锌
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            叶酸
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VB6
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VB12
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VD
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            VE
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            铜
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            钾
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            镁
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            硒
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            钠
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            尼克酸
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            磷
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">11</td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/18.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        餐次能量分析(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 10px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            餐次
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            早餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            早加餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            午餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            午加餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            晚餐
          </td>
          <td
            style="
              width: 12.7561%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            晚加餐
          </td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            能量
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center"></td>
          <td style="width: 12.7491%; height: 40px; text-align: center"></td>
          <td style="width: 12.7491%; height: 40px; text-align: center"></td>
          <td style="width: 12.7491%; height: 40px; text-align: center"></td>
          <td style="width: 12.7491%; height: 40px; text-align: center"></td>
          <td style="width: 12.7561%; height: 40px; text-align: center"></td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            功能比
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7561%; height: 40px; text-align: center">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            参考范围
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            &nbsp;
          </td>
          <td style="width: 12.7561%; height: 40px; text-align: center">
            &nbsp;
          </td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/19.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食结构分析(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            膳食结构
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            谷薯类
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            粗杂粮
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            蔬菜
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            深色蔬菜
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            水果
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            鱼肉蛋
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            大豆坚果类
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            优质蛋白质
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            奶及奶制品
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            油脂类
          </td>
        </tr>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            推荐(g)
          </td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
        </tr>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            实际
          </td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
          <td style="width: 8.46916%">&nbsp;</td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/20.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
          display: flex;
        "
      >
        心理评估结果
        <div style="margin-left: 500px; font-size: 16px">
          得分<span
            style="
              padding: 2px 20px;
              color: #ffffff;
              background-color: #ff5c82;
              margin-left: 10px;
              margin-right: 10px;
            "
            >1.3</span
          >分
        </div>
      </div>
    </div>
    <div
      style="
        width: 1071px;
        min-height: 200px;
        border: 2px solid #ff5c82;
        margin-top: 10px;
      "
    >
      adadad
    </div>
    <!-- 孕期营养干预报告 -->
    <div style="display: flex; margin-top: 20px">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养干预报告</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/21.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        孕期饮食及生活方式原则
      </div>
    </div>
    <div
      style="
        width: 1071px;
        min-height: 150px;
        border: 2px solid #ff5c82;
        margin-top: 20px;
      "
    ></div>
    <!-- 膳食方案明细 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/22.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食方案明细
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 10px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 31.7536%;
              height: 40px;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
              text-align: center;
            "
          >
            名称
          </td>
          <td
            style="
              width: 31.7536%;
              height: 40px;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
              text-align: center;
            "
          >
            推荐值
          </td>
          <td
            style="
              width: 31.7565%;
              height: 40px;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
              text-align: center;
            "
          >
            功能比
          </td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            能量总摄入
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">1</td>
          <td style="width: 31.7565%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            碳水化合物
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">1</td>
          <td style="width: 31.7565%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            蛋白质
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">1</td>
          <td style="width: 31.7565%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            脂肪
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">1</td>
          <td style="width: 31.7565%; height: 40px; text-align: center">1</td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/23.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        一日膳食清单
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 16.8266%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            餐次
          </td>
          <td
            style="
              width: 18.3978%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            建议就餐时间
          </td>
          <td
            style="
              width: 60.0393%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            建议一日膳食摄入量
          </td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            早餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            早加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            午餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            午加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1;</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            晚餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            晚加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">1</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">1</td>
        </tr>
      </tbody>
    </table>
    <!-- 食物选择建议 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/24.png" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        食物选择建议
      </div>
    </div>
    <div
      style="
        padding: 10px 10px;
        border: 2px solid #ff5c82;
        width: 1050px;
        min-height: 500px;
      "
    >
      aaaaaaaaaaaaaaaa
    </div>
    <!-- 食谱推荐 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/25.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        食谱推荐
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 154px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        border-color: #ff5c82;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 13.2351%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            餐次
          </td>
          <td
            style="
              width: 18.8467%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            菜名
          </td>
          <td
            style="
              width: 63.1819%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            食材及可食部重量
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 40px; text-align: center"
            colspan="3"
          >
            第一天
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 110px; text-align: center"
            rowspan="5"
          >
            早餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            早加餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            苹果
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            苹果200g(1拳)
          </td>
        </tr>

        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 110px; text-align: center"
            rowspan="5"
          >
            午餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 18.8467%; height: 40px; text-align: center"
            rowspan="5"
          >
            红薯粥
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            酸奶
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            核桃干
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            核桃干
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
      </tbody>
      <tr style="height: 40px">
        <td
          style="width: 13.2351%; height: 110px; text-align: center"
          rowspan="5"
        >
          晚餐
        </td>
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          晚加餐
        </td>
        <td style="width: 18.8467%; height: 40px; text-align: center">苹果</td>
        <td style="width: 18.8467%; height: 40px; text-align: center">
          苹果200g(1拳)
        </td>
      </tr>
    </table>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 132px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 10.8586%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            分类
          </td>
          <td
            style="
              width: 47.5588%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            菜品名称
          </td>
          <td
            style="
              width: 17.1436%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            一份估量
          </td>
          <td
            style="
              width: 18.1538%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            估量
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="5"
          >
            谷薯类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="9"
          >
            蔬菜类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="3"
          >
            肉蛋类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="6"
          >
            大豆类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="3"
          >
            奶类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.1538%; height: 22px; text-align: center">
            油脂
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.1538%; height: 22px; text-align: center">
            坚果
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 18.1538%; height: 22px; text-align: center"
            rowspan="4"
          >
            水果类
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 孕期营养处方 -->
    <div style="display: flex; margin-top: 20px">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养处方</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        患者基本信息
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 110px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            ID
          </td>
          <td
            style="width: 32.82%; height: 22px; text-align: center"
            colspan="3"
          >
            &nbsp;
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            检测日期
          </td>
          <td
            style="width: 32.82%; height: 22px; text-align: center"
            colspan="3"
          >
            2021-08-16
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            姓名
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            阿斯顿撒
          </td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            性别
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">女</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            年龄
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">34</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            身高
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">170cm</td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕前体重
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">全维</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕前BMI
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">撒</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            双胎
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">否</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕周数
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            阿萨德
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            主诉
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left" colspan="7">
            无
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            疾病
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left" colspan="7">
            无
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 运动处方 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/26.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        运动处方
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 100px;
        margin-top: 20px;
        padding: 10px 10px;
      "
    ></div>
    <!-- 评估指导 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        5色妊娠风险营养评估指导
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 100px;
        margin-top: 20px;
        padding: 10px 10px;
      "
    ></div>
    <!-- 复诊预约 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        复诊预约
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 60px;
        margin-top: 20px;
        display: flex;
      "
    >
      <div
        style="
          width: 13%;
          line-height: 60px;
          background-color: rgb(255 92 130 / 16%);
          color: #ff5c82;
          height: 100%;
          text-align: center;
          border-right: 2px solid #ff5c82;
        "
      >
        复查建议及时间
      </div>
      <div></div>
    </div>
    <div
      style="
        width: 30%;
        height: 40px;
        border: 2px solid #ff5c82;
        margin-top: 20px;
        margin-bottom: 20px;
      "
    >
      <div
        style="
          width: 42%;
          line-height: 40px;
          background-color: rgb(255 92 130 / 16%);
          color: #ff5c82;
          height: 100%;
          text-align: center;
          border-right: 2px solid #ff5c82;
        "
      >
        医师签字
      </div>
      <div></div>
    </div>
  </div>
</template>
<script setup>
import Header from "./common/Header.vue";
import Drawer from "./common/Drawer.vue";



</script>


<style scoped>
#basic {
  font-size: 14px;
  width: 1075px;
  min-height: 1244px;
  overflow: hidden;
  padding: 0;
  word-break: break-all;
  margin: 60px auto 0 auto;
  box-shadow: var(--el-box-shadow-light);
  border-radius: var(--el-card-border-radius);
  background-color: var(--el-card-bg-color);
  /* color: var(--el-text-color-primary); */
  transition: var(--el-transition-duration);
  --el-card-border-color: var(--el-border-color-light, #ebeef5);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-color-white);
}
</style>


